<template>
  <div class="div">
    <van-row type="flex" justify="space-between" align="center">
      <van-col span="6" class="center">
        <van-image
          round
          width="15vw"
          height="15vw"
          src="http://q1.qlogo.cn/g?b=qq&nk=42964179&s=640"
          style="margin-left: 5vw;"
        />
      </van-col>
      <van-col span="15">
        <router-link to="/m/login">Name</router-link>
      </van-col>
      <van-col span="3">
        <router-link to="/m/detailed"><van-icon name="arrow" /></router-link>
      </van-col>
    </van-row>
    <van-grid :border='grid.border'  class="center">
      <van-grid-item>
        <p>99+</p>
        收藏
      </van-grid-item>
      <van-grid-item>
        <p>99+</p>
        关注店铺
      </van-grid-item>
      <van-grid-item>
        <p>99+</p>
        足迹
      </van-grid-item>
      <van-grid-item>
        <p>99+</p>
        店铺
      </van-grid-item>
    </van-grid>
    <div  class="center">
      <van-cell title="我的订单" is-link value="全部订单" />
      <van-grid :border='grid.border'>
        <van-grid-item icon="clock" text="进行中" />
        <van-grid-item icon="checked" text="已完成" />
        <van-grid-item icon="comment-circle" text="待评价" />
        <van-grid-item icon="gold-coin" text="退款/售后" />
      </van-grid>
    </div>
    <div class="center">
      <van-cell title="购物车" to="/m/mycar" is-link/>
      <van-cell title="帮助中心" is-link/>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      grid: {
        border: false,
        direction: 'horizontal',
      },
      navbar: {
        fixed: true,
        title: {
          // text: '我的',
        },
        left: {
          text: null, // 设置
          fun: null,
          icon: 'setting-o',
          icon_size: 18,
          href: null,
          way: false,
        },
        right: {
          text: null,
          fun: null,
          icon: 'chat-o', // 消息
          icon_size: 18,
          href: '/m/chat',
          way: false,
        },
      },
    };
  },
  methods: {
  },
  mounted() {
    // 传值到父组件
    this.$emit('child_func', this.navbar);
  },
};
</script>

<style>
.div{
  margin-left: 5vw;
  margin-right: 5vw;
  font-size: 14px;
}
.center{
  margin-top: 2.5vw;
}
.list-gray {
  height: 9vh;
  background: #4d4d4d;
  margin-top: 1vh;
  color: #ffffff;
}
a{
  color: #222222;
}
</style>
